body{background:#fff;font:12px/1.5 "Microsoft YaHei","Helvetica Neue"; color: #34495e; margin: 0; padding: 0;background: #EBEBEB;}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix{zoom:1;} /* IE6 */
*:first-child+html .clearfix{zoom:1;} /* IE7 */
.clear{height:0px;clear:both;overflow:hidden;display:block;_zoom:1;}
a{text-decoration: none; color:#369;outline:none;transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;}
a:hover{text-decoration: none;}
.pos-rel{position: relative;}
.pos-abs{position: absolute;}
.fl{float: left; _display: inline;}
.fr{float: right; _display: inline;}
.container{ min-width: 320px;width: 1280px\0;*width: 1280px;}
ul,li,h1,h2,h3,h4,h5,h6{padding: 0; margin: 0;}
li{list-style: none;}

/*********************公共部分************************/
/***头部***/
.header{background: #000000;height: 60px;width: 100%; position: relative; z-index: 100;}
.headerCon{height: 60px; }
.logo{width:180px; height: 40px; padding-top: 9px; float: left;}
.logo img{width: 144px; height: 42px; display: block;}
.navUl{float: right; height: 60px; line-height: 60px;}
.navUl li{float: left;}
.navUl li a{display: block; color: #fff; padding:0 12px; font-size: 14px; }
.navUl li a:hover,.navUl li.on a{background: #34495e;}
.headerRight{float: right;}
.headerRight .searchStart{float: left; height: 30px; padding:15px 0;}
.headerRight .searchCon{width: 90px;position: relative;height: 30px;background: #223242;border-radius: 20px;}
.headerRight .searchTxt{font-size: 12px; width: 80%;outline: none;background: none;height: 30px;float: left;border: 0;color: #808e9d;padding-left: 20%;position: absolute;z-index: 1;box-shadow: none;}
.headerRight .searchSbt{font-size: 14px;display: block;padding: 0; height: 30px;width: 30px; border: 0; background: url("../img/searchSbt.png") no-repeat center; line-height: 30px; text-indent:-9999px; overflow:hidden;text-align: center;position: absolute;top: 0;right: 5px;z-index:10; cursor: pointer;}
.headerRight .searchSbt:active,.headerRight .searchSbt:visited{outline: none; border: 0;}
.headerRight .headerMsg{float:left; margin-left: 20px;}
.headerRight .headerMsg a{margin-top: 15px;color: #fff;float: left;font-size: 14px;color: #b8c4ce;border-radius: 3px; display: block; width: 50px;height: 30px;line-height: 30px;text-align: center; }
.headerRight .headerMsg a:hover{background: #34495E;}
.headerRight .se{background: #fff;}
.headerRight .se .searchTxt{width: 150px; padding-left: 20px;}
nav,button{display: none;}

/***footer***/
.footer{background: #eff2f5;padding: 55px 0 30px;display: block;margin-top: 30px;}
.footerLeft{float: left;}
.footerLeft dl{padding-left: 100px;font-family: 'Microsoft YaHei'; background: url("../img/flogo.png") no-repeat left center;}
.footerLeft dl dt{line-height:30px;color: #697B86; font-size: 16px;font-weight: bold; }
.footerLeft dl dd{font-size: 12px;color: #b8c5ce;display: block;line-height: 20px;}
.footerRight{float: right; text-align: right;}
.footerRight dl{padding-right: 120px; min-height: 100px; *height: 100px;background: url("../img/sewm.png") no-repeat right top;}
.footerRight dl dt{font-weight:normal;display: block;line-height: 30px;text-align: right;margin-top: 3px;}
.footerRight dl dt a{display: inline-block;padding-left: 20px;font-size: 14px;color: #7b8b95;}
.footerRight dl dt a:hover{color: #348FCA;}
.footerRight dl p{color: #b8c4cc;line-height: 20px;font-size: 12px;font-family:'Microsoft YaHei';}
.footerRight dl p a{color: #b8c4cc;}
.footerRight dl dd.footerLink{}
/*分享按钮*/
.bdshare-button-style2-24 a, .bdshare-button-style2-24 .bds_more{float: right!important; margin-right: 0px!important; margin-left: 15px!important; background-image: url("../img/icons_2_24_debase.png")!important;}
.bdshare-button-style2-24 a:hover,.bdshare-button-style2-24 .bds_more:hover{ background-image: url("../img/icons_2_24_debase2.png")!important; opacity: 1!important;}

.banner,.service,.team,.intro,.culture,.contact{width: 100%;}
.indexTitle{color: #000;font-size: 34px;line-height: 50px; text-align: center; margin: 35px 0 20px;}
.indexInf{font-size: 14px; line-height: 20px; color: #969696; text-align: center; padding: 0; margin: 0;}

/*banner*/
/*.fullSlide{ width:100%;  position:relative;  height:600px; background:#fff;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:600px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:600px;}
.fullSlide .hd ul{width: 100%;position: absolute;bottom: 20px;text-align: center;}
.fullSlide .hd li{margin: 0 2px;display: inline-block; zoom: 1; *display: inline;background: url("../img/dot.png") no-repeat 0 -16px;height: 16px;overflow: hidden;text-indent: -99em;width: 16px;cursor: pointer;}
.fullSlide .hd li.on{background-position: 0 0;}
.fullSlide .prev,.fullSlide .next{width: 70px;height: 70px;line-height: 99em;overflow: hidden;margin: -35px 0 0;display: block;background: url("../img/ad_ctr.png") no-repeat;position: absolute;top: 50%;z-index: 10;cursor: pointer;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .3s ease;border-radius: 35px;}
.fullSlide .next{background-position: 0 -70px;right:20px;}
.fullSlide .prev{left: 20px;}
.fullSlide:hover .next{opacity: 0.8;filter: alpha(opacity=80);}
.fullSlide:hover .prev{opacity: 0.8;filter: alpha(opacity=80);}
.fullSlide:hover .next:hover,.fullSlide:hover .prev:hover{opacity: 0.5;filter: alpha(opacity=50);}*/
.fullSlide{ position:relative; background:#000; margin:0 auto; }
.fullSlide .bd{ position:relative; z-index:0; }
.fullSlide .bd li{text-align: center;}
.fullSlide .bd li img{width:100%; max-width: 1280px; vertical-align:top;  }
.fullSlide .hd ul{width: 100%;position: absolute;bottom: 20px;text-align: center;}
.fullSlide .hd li{margin: 0 2px;display: inline-block; zoom: 1; *display: inline;background: url("../img/dot.png") no-repeat 0 -16px;height: 16px;overflow: hidden;text-indent: -99em;width: 16px;cursor: pointer;}
.fullSlide .hd li.on{background-position: 0 0;}
.fullSlide .prev,.fullSlide .next{width: 70px;height: 70px;line-height: 99em;overflow: hidden;margin: -35px 0 0;display: block;background: url("../img/ad_ctr.png") no-repeat;position: absolute;top: 50%;z-index: 10;cursor: pointer;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .3s ease;border-radius: 35px;}
.fullSlide .next{background-position: 0 -70px;right:20px;}
.fullSlide .prev{left: 20px;}
.fullSlide:hover .next{opacity: 0.8;filter: alpha(opacity=80);}
.fullSlide:hover .prev{opacity: 0.8;filter: alpha(opacity=80);}
.fullSlide:hover .next:hover,.fullSlide:hover .prev:hover{opacity: 0.5;filter: alpha(opacity=50);}
/*服务*/
.service{background: #EBEBEB; overflow: hidden;}
div.wrapper { width: 562px; margin: 0 auto; position: relative; }
.serviceCon{padding:50px 0 60px;}
.fn-clear { zoom: 1; }
.box_skitter { position: relative; background: none; }
.box_skitter ul { display: none; }
.box_skitter .container_skitter { overflow: hidden; position: relative; }
.box_skitter .image { overflow: hidden; }
.box_skitter .image img { display: none; }
.box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20; }
.box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20;  }
.box_skitter .prev_button,.box_skitter .next_button{width: 42px; z-index: 100;height: 42px; overflow: hidden; margin-top: -21px;background: #d1d1d1 url("../img/nav.png") no-repeat top left;position: absolute;top: 50%;text-indent: -9000px;cursor: pointer; opacity: 0.9; border-radius: 50%; box-shadow: 0 1px 1px rgba(255,255,255,0.8);}
.box_skitter .prev_button {left: -150px;}
.box_skitter .next_button {right: -150px!important;  background-position: top right;}
.box_skitter .label_skitter { z-index: 150; position: absolute; display: none; }
.loading { position: absolute; top: 50%; right: 50%; z-index: 10000; margin: -16px -16px; color: #fff; text-indent: -9999em; overflow: hidden; background: url("../img/ajax-loader.gif") no-repeat left top; width: 31px; height: 31px; }
#slideshow { width: 562px; height: 378px; display: block; position: relative; }
#slideshow ul { display: none; }


/*团队*/
.team{background: #f8f8f8; overflow: hidden; padding-bottom: 50px;}
.teamCon li{float: left; width: 27.33%; margin:0 3%;margin-top: 40px; position: relative;  -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
.teamCon li img{width: 100%;}
.teamCon a{display: block;}
.teamCon li:hover{z-index:2;transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);}
.teamCon h1{font-size: 22px;color: #444;height: 30px;line-height: 30px;margin-top: 20px; padding: 0 20px; text-align: center; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.teamCon p{line-height: 22px;height: 22px;overflow: hidden;padding: 0 20px; margin: 0; color: #969696;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/*简介*/
.intro{background: #ebebeb; overflow: hidden; color: #fff; text-align: center;background: #317DBB\0; *background: #317DBB;
    background-image: -webkit-linear-gradient(left,#317DBB 0%,#552E7D 70%);
    background-image: -moz-linear-gradient(left,#317DBB 0%,#552E7D 70%);
    background-image: -o-linear-gradient(left,#317DBB 0%,#552E7D 70%);
    background-image: -ms-linear-gradient(left,#317DBB 0%,#552E7D 70%);
    background-image: linear-gradient(left,#317DBB 0%,#552E7D 70%);
}
.intro dt{font-size: 20px;padding: 20px 0;line-height: 30px; font-weight: normal;}
.intro dd{color: #b2bfda;line-height: 28px;font-size: 14px;}
.indexTitle2{font-size: 34px;line-height: 60px;padding: 80px 0 20px 0; }
.intro .introBtn{width:45px; height: 30px; margin: 30px auto 40px; background: url("../img/intro.png") no-repeat center; cursor: pointer;}

/*企业文化*/
.culture{background: #f8f8f8; overflow: hidden;}
.culCon{margin: 40px auto 50px; text-align: center;}
.culCon img{width: 100%;}
/*联系我们*/
.contact{background: #ebebeb;}
.contactCon{ background: url("../img/robot.png") no-repeat 80% bottom; margin-bottom: 50px;}
.contactLeft{width:43%; float: left; padding-top:30px; margin-left: 2%; position: relative;}
.contact h3{line-height: 2em; font-size: 24px; color: #000; margin-bottom: 20px;}
.contactLeft dl{margin-bottom: 10px;}
.contactLeft dl dt{width:70px; padding-left: 10px; float: left; height: 35px; line-height: 35px; color: #888; font-size: 14px; font-weight:normal;}
.contactLeft dl dt.bt{background: url("../img/xing.png") no-repeat left center;}
.contactLeft dl dd{padding-left: 80px;}
.contactLeft dl dd .conTxt,.contactLeft dl dd textarea{display:inline-block;width: 70%;border: 1px solid #fff;background: #fff; border: none; height: 35px; line-height: 35px; padding:0 10px;}
.contactLeft dl dd textarea{height: 100px; width: 70%;}
.contactLeft .conTxt:focus,.contactLeft textarea:focus{border: 1px solid #ccc; outline: none;}
.contactLeft .conTs{margin-left: 15px;display: inline-block;}
.contactLeft .conYzm{width: 40%!important; display: inline-block; float: left;}
.contactLeft .yzmImg{display: inline-block; margin-left: 3%; height: 35px; cursor: pointer; width: 27%; }
.contactLeft .send{width:70%;height: 40px; line-height: 40px; background: #333; color: #fff; text-align: center; font-size: 14px; font-weight: bold; display: block;}
.contactLeft .send:hover{background:#000; }
#cAlert{background: #ebebeb; position: absolute;display: none; z-index: 1000; top:0; left:0; width: 100%; height: 100%; vertical-align: middle; text-align: center;}
#cAlert p{font-size: 20px; padding-top: 100px; }
.contactRight{width: 43%; float: right; padding-top: 30px; margin-left: 2%;}
.contactRight ul li{line-height: 40px; font-size: 14px; color: #888; padding-left: 35px;}
.contactRight ul li p{line-height:20px!important; padding: 0; margin: 0;}
.contactRight ul li.adr{background: url("../img/adr.png") no-repeat left center; margin-bottom: 5px;}
.contactRight ul li.tel{background: url("../img/tel.png") no-repeat left center;}
.contactRight ul li.email{background: url("../img/email.png") no-repeat left center;}
.contactRight ul li.link{background: url("../img/link.png") no-repeat left 10px;}
.contactRight ul li.link p{line-height: 40px!important;}
.contactRight ul li.link p a{color: #888;}
.contactRight ul li.link p a:hover{color: #348FCA;}
/*新闻列表页*/
.main{margin:50px auto 50px; background: #f8f8f8;}
.mainCon{padding:20px;}
.mainCon h1{font-size: 24px; line-height: 2em; color: #009de2; border-bottom: 1px dashed #d0d0d0; padding:0 20px 10px; margin: 0;}
.mainCon dl{padding:20px; border-bottom: 1px dashed #d0d0d0; margin: 0;}
.mainCon dl p{margin: 0; padding: 0;}
.mainCon dl h2{height: 40px; margin:0; padding: 0; display: block;}
.mainCon dl h2 span{float: right; color: #bbb; font-size: 12px;line-height: 40px; height: 40px; margin-left: 20px; }
.mainCon dl h2 a{font-size: 18px;  display:block;color: #009de2; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 40px; height: 40px; }
.mainCon dl h2 a:hover{color: #2c3e50;}
.mainCon dl p{line-height: 1.5em; font-size: 14px; color: #969696; height: 105px; overflow: hidden;}
.mainCon dt{width:200px; float: left;}
.mainCon dt img{width: 100%;}
.mainCon dd{padding-left: 220px;}

/*分页*/
/*pages*/
.pagination{padding:20px 20px 10px; text-align: center; font-size: 14px; margin: 0 auto; display: block;}
.pagination li{display: inline-block;margin-right: 5px;}
.pagination li{ *display:inline;}
.pagination li a,.pagination li span{color: #969696; padding:5px 15px; display:block; text-align: center; background: #EBEBEB; border-radius: 5px;}
.pagination li a:hover{color: #3499DA; text-decoration: none;}
.pagination li span{color: #fff; background: #3499DA;}


/*内容页*/
.artTop{border-bottom: 1px dashed #d0d0d0; padding:0 20px 20px; text-align: center;}
.artTop h2{line-height: 1.5em; font-size: 18px; color: #3499DA; margin-top: 10px; margin-bottom: 10px;}
.artTop p{line-height: 1.5em; font-size: 12px; color: #bbb; margin: 0; padding: 0; margin-bottom: 0px;}
.artTop p span{margin: 0 5px;}
.artCon{padding:20px; font-size: 14px; color: #969696; border-bottom: 1px dashed #d0d0d0; }
.artCon p{ margin-bottom: 20px;}
.artCon h2{ font-size: 18px; margin-bottom: 0px; padding-bottom: 20px; color: #3499DA;  }
.artBot{padding: 20px;}
.artBot li{line-height: 30px; color: #969696; font-size: 14px;}
.artCon2{border-bottom: 0; }
.artCon .artCC{padding-top: 10px;}
.artCon .artCC a{color: #969696;}
.artCon .artCC a:hover{color:#3499DA;}
.artCon .artCC p{ margin-bottom: 10px;}
.artCon .artCC2{padding-right: 290px; background: url("../img/aboutLogo.png") no-repeat right center;}
.artCon .artCC1 p{line-height: 2em; margin-bottom: 20px;}
.artCon .artCC1 img{width: 100%; margin-bottom: 20px;}
/*回到顶部*/
#back-to-top{position: fixed; z-index: 10000; bottom: -40px; right: 50%; margin-right:-690px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity: 0;cursor: pointer; background: url("../img/top.png") no-repeat; width: 40px; height: 40px; line-height: 40px; text-indent: -999px; overflow: hidden;}

@media (max-width: 1200px){
    #back-to-top{right:0; margin-right: 0;}
}
@media (max-width: 1001px) {
    .navUl{display: none;}
    .navbar-toggle{display: block;}
    .flex-direction-nav a{display: block;opacity: 0.5;filter: alpha(opacity=50);}
}
@media (max-width: 768px) {
    .contactCon{background: none;}
    .contactLeft{width: 100%; float: none;}
    .contactRight{width: 100%; float: none;}
    .footer{padding:20px 0 0;}
    .footerLeft{float: none; text-align: center; margin: 0 auto; display: block;}
    .footerRight{float: none; text-align: center; clear: both;}
    .footerRight dl{background: none; padding-right: 0;}
    .footerRight dl dt{text-align: center;}
    .footerLink{text-align: center;}
    .bdshare-button-style2-24 a, .bdshare-button-style2-24 .bds_more{float: none!important; display: inline-block!important;}
    .team ul h1{padding: 0; text-align: center; font-size: 12px; margin-top: 0;}
    .artCon .artCC2{padding: 0;background: none;}
    .nav{padding:5px 0; text-align: center; width: 100%;}
    .nav li{ display: block; width: 100%;}
    .nav li a{padding:5px 0; font-size: 14px; display: block; width: 100%;}
}

@media (max-width: 880px) {
    .box_skitter .next_button{right:20px!important;}
    .box_skitter .prev_button{left:20px!important;}
}

@media (max-width: 562px) {
    div.wrapper{width: 320px;}
    #slideshow{ width: 320px; height: 215px;}
    #slideshow img{width: 320px; height: 215px;}
}
@media (max-width: 500px) {
    .mainCon dt{display: none;}
    .mainCon dd{ padding-left: 0;}
    .mainCon dl{padding: 10px 0;}
    .main{margin: 0px auto;}
    .pagination{padding: 20px 0px 10px;}
    .artCon{padding:20px 0px;}
    .footer{margin-top: 0px;}
    .indexTitle{ font-size: 24px; line-height: 40px;}
    .indexTitle2{ font-size: 24px; line-height: 50px;}
    .intro dt{font-size: 18px;}
    .artBot{padding: 20px 0px;}
}